<template>
	<swiper :indicator-dots="true" :autoplay="true" :interval="5000" :duration="1000" :circular='true'>
		<swiper-item class="swiper-item" v-for="(item, index) in banners" :key="index">
			<video :src="item.src" autoplay :controls='false' loop muted></video>
		</swiper-item>
	</swiper>
</template>

<script>
	export default {
		props:{
			banners: {
				type: Array,
				default: () => []
			}
		}
	}
</script>

<style lang="scss" scoped>
	.swiper-item {
		video {
			border: 1px solid;
			width: 100% !important;
			height: 100% !important;
		}
	}
</style>